<template>
  <aside class="aside fr">
    <div class="app">
      <AppInstall></AppInstall>
      <TopAuthor></TopAuthor>
      <Plugin></Plugin>
      <WebsiteMsg></WebsiteMsg>
    </div>
  </aside>
</template>

<script>
import AppInstall from '@/components/main/aside/AppInstall'
import TopAuthor from '@/components/main/aside/TopAuthor'
import Plugin from '@/components/main/aside/Plugin'
import WebsiteMsg from '@/components/main/aside/WebsiteMsg'
export default {
  name: "Aside",
  components: {
    AppInstall,
    TopAuthor,
    Plugin,
    WebsiteMsg
  }
};
</script>

<style lang="scss" scoped>
.aside {
  width: 24rem;
}
</style>